﻿<html>
<head>
    <title>Form - jQuery MiniUI 3.0 Documentation</title>    

    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta name="keywords" content="jquery,datagrid,grid,表格控件,ajax,web开发,java开发,.net开发,tree,table,treegrid" />
    <meta name="description" content="jQuery MiniUI - 专业WebUI控件库。jQuery MiniUI是使用Javascript实现的前端Ajax组件库，支持所有浏览器，可以跨平台开发，如Java、.Net、PHP等。" />

    <link href="css/common.css" rel="stylesheet" type="text/css" />
    <script src="core.js" type="text/javascript"></script>
    
        

    
</head>
<body>
    <h3>mini.DataBinding</h3>
    
    <p>数据绑定。用于表格与表单的选择、数据变更同步。
    </p>

    <h4>Usage</h4>
<pre class="code"><span style="color:#006400">//绑定表单
</span><span style="color:blue">var </span>db = <span style="color:blue">new </span>mini.DataBinding();
db.bindForm(<span style="color:maroon">"editForm1"</span>, grid);

<span style="color:#006400">//绑定控件
</span>db.bindField(textbox, grid, <span style="color:maroon">"username"</span>);
</pre>
    

    <h4>Examples</h4>
    <a class="demo" href="../../demo/databinding/databinding.html" target="_blank">数据绑定</a>


    <h4>Properties</h4>
    <table>
        <tr><th>Name</th><th>Type</th><th>Description</th><th>Default</th><th><a href="setsupport.html" target="_blank" style="padding-left:5px;padding-right:5px;"> Set? </a></th><th><a href="getsupport.html" target="_blank" style="padding-left:5px;padding-right:5px;"> Get? </a></th><th><a href="tagsupport.html" target="_blank" style="padding-left:5px;padding-right:5px;"> Tag? </a></th></tr>
    </table>

    <h4>Methods</h4>
    <table>
        <tr><th>Name</th><th>Parameter</th><th>Description</th><th>Return</th></tr>
        <tr>
            <td>bindForm（form, grid）</td>
            <td></td>
            <td>绑定表格与表单</td>
            <td>Object</td>
        </tr>
        <tr>
            <td>bindField（control, grid, field ）</td>
            <td></td>
            <td>绑定表格与单个控件</td>
            <td></td>
        </tr>       
    </table>

    <h4>Events</h4>
    <table>
        <tr><th>Name</th><th>EventObject</th><th>Description</th></tr>
     
    </table>


</body>
</html>